Hello and welcome.
In this video we are going to add some success to make the application more presentable.
I have already made reference to the extent or see a sense inside his team how far.
So this is the link here.
So now I have to read a file with this name so I'm just going to copy the name.
So save me time.
Go file new file.
I do save.
And it opens up the directory where I have the email file.
I'm just going to paste it in and call it.
Call or switch dot csx and click save.
So now I have A C Ss file.
So I have already pre staged this.
SS I'm going to add that on.
Explain.
Line by line.
So let's see a csx So here I am some time in the body tag which contains the actual body of the application
margin.
Here I am using the value subset of margin to three padding zero means no fun family amusin sound serif
when you specify and spot font families good to specify on what on one just think is the first one is
available.
It will default to the second one so I can choose to come out and then type in aerial
query is a common font so if one of them is not available at all default to the second so you can specify
as many fonts you want inside your font to family for this is a simple project I'm just going to leave
it as just on fonts sombreness and let these sounds serif font size.
I'm going to make it 18 pixels line height.
This bit here refers to the height of the text from the airline mechanic.
One point five.
This is the head tag which is a one here so a lot of these here for example here you can see the one
here.
I'm giving it the line height of one point five marjean values for the margins and margins.
Normally when you play in my login you can apply to the top right bottom left to the customer's undervalues
paragraph.
Again the margin for the RAM giving it 5.
And again you apply marjean is top right bottom left and here we've caught the switcher.
What is this here.
What is our tool on the list.
These are the values am giving it making it float to the left giving it to with a source height of pieter's
is a value for the margins kildall before my is top right put on left radios gives it a rounded edge.
The ball down giving it a border of 3 pixels a solid black so on the border to be solid black whatever
it just gives you like round it.
Has it the way two is of it gives the car like his circle shape.
So depending on the values you specified for the director so if you give it a higher value he makes
it to circle.
So these are the various list items the grey term giving a background a long grey wide idea.
Background colour of white the blue background colour blue and so on.
So specifically this year has done and will do a file save.
Then we can check it out see how so I've pulled up my directory and will click on the hinge to himself
file and you can see here.
See these rounded circles here is achieve the key to the border region.
The body radius here on line 28 is responsible for these circles.
Okay that's what gives it its shape.
So I click on one of these.
It would not work at the moment because I have not added a javascript functionality or be doing that
in the net.
Lecture.
Thanks for watching.
And bye for now.